html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ul li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

html, body {margin:0; padding:0; height:100%;}
html { font-size:100.01% }
body {text-align: center; font-family:Georgia;}
a:hover{text-indent: 0;}

.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear {display: inline-block;}
.clear {display: block;}
.clear2 {width:100%; clear: both; font-size: 0; height:0; display: block;}

.empty {width:100%; height:97px}

h1 { font:30px georgia; color:#5B5959 }
h1.inside { font:23px georgia; color:#5B5959; }
h2 { font:25px georgia; color:#5B5959; padding-top:4px;}
h3 { font:23px georgia; padding-left:20px; position: relative; }
h4 { font:14px georgia; padding-left:5px; margin-top:4px; margin-bottom:10px;  border-left: 2px solid #A1A1A1; background-color: #F7F7F7;}
h5 { font:16px georgia; padding-left:5px; margin-top:4px; margin-bottom:10px; margin-top: 15px;}



#all { z-index: 10; width: 100%; min-height:100%; background:url(/i/all_bottom.gif) repeat-x center bottom; }

#header { position: absolute; top:0; left:0; z-index: 10; width: 100%; height: 108px; background: #E4E6E6 url(/i/header_bg.gif) repeat-x center 0; text-align: left;}
#header .in { position: relative; width: 794px; height: 108px; margin: 0 auto;}

.font { position: absolute; z-index: 75; top:0; right:80px; padding:0 4px 2px 4px; background: #F0F0F0; }
.font span { padding:0 4px; color:#5B5959; cursor: pointer; }
.font .font1 { font-size:11px; }
.font .font2 { font-size:16px; }
.font .font3 { font-size:18px; }


#tabs {position:absolute; width:460px; height:29px; top:78px; left:312px; overflow: hidden;}
#tabs div {width:460px; height:29px; list-style:none; background:url(/i/tabs_bg.gif) repeat-x top; }
#tabs div a {position:relative; height:87px; float:left; margin-right:-14px; display:block; z-index:100; text-decoration:none; font:normal 11px tahoma; color:#fff; line-height:28px; text-align:center; cursor: pointer; }
#tabs div a.m0 {z-index:600; width:84px; background:url(/i/menu_turquoise.png) right top;}
#tabs div a.m1 {z-index:500; width:94px; background:url(/i/menu_green.png) right top;}
#tabs div a.m2 {z-index:400; width:94px; background:url(/i/menu_violet.png) right top;}
#tabs div a.m3 {z-index:300; width:95px; background:url(/i/menu_rosy.png) right top;}
#tabs div a.m4 {z-index:200; width:81px; background:url(/i/menu_blue.png) right top;}
#tabs div a.m5 {z-index:100; width:81px; background:url(/i/menu_orange.png) right top;}
#tabs div a:hover {z-index:700; height:58px; margin-top:-29px; padding-top:29px; z-index:700;}
#tabs div li.active a {z-index:800; height:29px; margin-top:-58px !important; padding-top:58px !important; cursor:default;}

#main {  z-index: 20; width: 794px; margin:0 auto; text-align: left; background: url(/i/bg.gif) repeat-y; }
.main_t { width: 794px; height: 13px; padding-top:108px;  margin:0 auto; background: url(/i/main_t.gif) no-repeat bottom; font-size: 0;}
.main_b { width: 794px; height: 13px; margin:0 auto; background: url(/i/main_b.gif) no-repeat; font-size: 0;}

#sidebar {float:left; z-index: 100; width: 252px; padding:15px 0 15px 25px; margin:0; }
/*#sidebar a:visited {color : #5B5959 !important;}
#sidebar a:visited:hover {color : white !important;}*/

/*main*/
/*#body #all { background:url(/i/main_blog_post.gif) repeat-x center bottom; }*/
#body .list li { background:url(/i/circle_main.gif) no-repeat 0 0.3em }
#body .order_icon, #body .logo, #body #tabs, #body .list li a:hover, #body .list2 li a:hover, #body #content a:hover, #body .main_blog_post li a:hover, #body #footer .in a:hover {background-color:#39A1C5;}
#body .list li a, #body .list2 li a, #body #content a { color:#39A1C5 }
#body .order_icon { margin-left:100px; }

.pages { margin:50px 0 20px 0; }
.pages span { display:block; float: left; width: 24px; height: 19px; padding-top:4px; margin:0 10px; text-align: center; font: normal 11px Tahoma !important; color: white !important; text-decoration: none; background: #646464 url(/i/pages.gif) no-repeat;  }
.pages a { float: left; width: auto; margin:-6px 10px 0 10px; padding-top:0; font: normal 25px Georgia !important; color: #FEA61B !important;}
.pages a:hover { background: #FEA61B;}
.pages a.circle { display:block; float: left; width: 24px; height: 19px; padding-top:4px; margin:0 10px; text-align: center; font: normal 11px Tahoma !important; color: white !important; background:#FFA81B url(/i/pages.gif) no-repeat 0 -23px !important; text-decoration: none;  }



#content { float: right; width: 442px; z-index: 50; ; padding:15px 15px 15px 25px;}
#content p { margin:15px 0; font:normal 0.8em/1.4 georgia; color:#5B5959; }
#content strong { font-weight:bold }
#content .list3 { }
#content .list3 li { font:normal 0.8em/1.4 georgia; color:#5B5959; }
#content a { font: normal 1em/1 georgia;}
#content a:hover { color: white !important; text-decoration: none; }
#content blockquote { padding-left:20px; margin:15px 0 0 20px; border-left:1px solid #5B5959; font:normal 1em/1.4 georgia; font-style: italic; color:#5B5959; }
#content blockquote strong { float:right; margin-top:8px; font:bold 0.9em/1.4 georgia; color:#5B5959; }
#content table { border-collapse: collapse; width: 100%; }
#content table thead {text-align: center; font-weight: bold; background-color: #F1F1F1;}
#content table td {font:18px georgia; border:1px solid #909090; padding: 5px 5px 5px 5px; font-size: 11px; }
#content li { padding-left: 20px; padding-bottom: 5px; background:url(/i/circle_main.gif) no-repeat 0 0.3em; font:normal 0.8em/1.4 georgia; color:#5B5959; }



.logo { position: absolute; width: 200px; height: 86px; margin:10px 0 0 35px;}
.logo span { position: absolute; z-index: 10; width: 33px; height: 21px; right:0; top:3px; background: #FEA61B url(/i/logo_blog.gif) no-repeat;}
.logo a { position: absolute; top: 0; left: 0; width: 200px; height: 86px; display: block; background: url(/i/logo.jpg) no-repeat; cursor: pointer; outline: 0}


.caption { position: absolute; width: 500px; height: 66px; margin:23px 0 0 265px;}


.order_icon { position: relative; width:217px; height: 141px; margin-left:10px;}
.order_icon a { width:217px; height: 141px; display: block; background: url(/i/order_icon.png) no-repeat; border: 0; cursor: pointer; font-size: 0; outline: 0}

.order_body { background: none; text-align: left; background: #F3F3F3 }
#order_wrap { position: fixed;   z-index: 10;  top:0; left:0; width:100%; height:100%; display:none; font-size: 12px;}
#order_wrap .png { width:100%; height:100%; text-align: center; background: url(/i/order_bg.png);}
#order_wrap .png .marg { width: 100%; padding-top:100px; }
#order_wrap .png .marg .in { position: relative; z-index: 20; width: 507px; margin:auto; }
#order_wrap .png .marg .in iframe { width: 507px; height: 445px; }
#order_wrap .png .marg .in .close { position: absolute; z-index: 1000; margin:-5px 0 0 475px; width: 22px; height: 22px; background:#DD4C28 url(/i/order_close.gif) no-repeat; cursor: pointer; }
#order_wrap .png .marg .in .top { width: 507px; height: 15px; background: url(/i/order_t.png) no-repeat; }
#order_wrap .png .marg .in .bottom { width: 507px; height: 15px; background: url(/i/order_b.png) no-repeat; }
#order { position: relative; width: 458px; height: 435px; padding:10px 10px 0 37px; background: #F3F3F3 url(/i/white.gif); font:normal 11px tahoma; color: #9B9B9B;}
.order_body #order { position: relative; width: 458px; height: 435px; padding:10px 10px 0 37px; background: white url(/i/white.gif); font:normal 11px tahoma; color: #9B9B9B;}
#order .text {width: 251px; height: 28px; padding:0 5px 0 15px; margin-bottom:15px; background: #E4E4E4 url(/i/order_text.gif) no-repeat;}
#order .text input { width: 251px; height: 18px; padding:8px 0 0 0; border: 0; background: transparent; font:normal 11px tahoma; color: #5B5959; }
#order .textarea { width: 415px; height: 147px; padding:0 5px 0 15px; margin-bottom:25px; background: #E4E4E4 url(/i/order_textarea.gif) no-repeat; overflow: hidden; }
#order .textarea textarea { width: 415px; height: 139px; padding:8px 0 0 0; border: 0; background: transparent; font:normal 11px tahoma; color: #5B5959; overflow: auto; }
#order .bn { float: right; z-index: 1000; width: 123px; height: 28px; margin-right:30px; font:normal 11px tahoma; color: #5B5959; border:0; background:#D0D0D0 url(/i/order_bn.gif) no-repeat; cursor: pointer; }
#order .note { position: absolute; bottom:0; left:40px; width: 425px; height:45px;}
#wrapper { float:left; width: 269px; height: 28px; background:#E4E4E4 url(/i/order_file_path.gif) no-repeat 51px 0; overflow: hidden; }
#wrapper input { height: 28px;}

#opinions { position: relative; width: 431px; height: 355px; padding:10px 0 0 0; background: #F3F3F3 url(/i/white.gif); font:normal 11px tahoma; color: #9B9B9B; }
#opinions .text {width: 251px; height: 28px; padding:0 5px 0 15px; margin-bottom:15px; background: #E4E4E4 url(/i/order_text.gif) no-repeat;}
#opinions .text input { width: 251px; height: 18px; padding:8px 0 0 0; border: 0; background: transparent; font:normal 11px tahoma; color: #5B5959; }
#opinions .textarea { width: 415px; height: 147px; padding:0 5px 0 15px; margin-bottom:25px; background: #E4E4E4 url(/i/order_textarea.gif) no-repeat; overflow: hidden; }
#opinions .textarea textarea { width: 415px; height: 139px; padding:8px 0 0 0; border: 0; background: transparent; font:normal 11px tahoma; color: #5B5959; overflow: auto; }
#opinions .bn { float: right; z-index: 1000; width: 123px; height: 28px; margin:-43px 0 0 0; font:normal 11px tahoma; color: #5B5959; border:0; background:#D0D0D0 url(/i/order_bn.gif) no-repeat; cursor: pointer;  }
#opinions .note { position: absolute; bottom:0; left:0; width: 425px; height:45px; }

#commentform {position:relative; width: 431px; padding:10px 0 0 0; background: #F3F3F3 url(/i/white.gif); font:normal 11px tahoma; color: #9B9B9B; }
#commentform .text {float:left; position: relative; width: 251px; height: 28px; padding:0 5px 0 15px; margin-bottom:15px; background: #E4E4E4 url(/i/order_text.gif) no-repeat;}
#commentform .text input { width: 251px; height: 18px; padding:8px 0 0 0; border: 0; background: transparent; font:normal 11px tahoma; color: #5B5959; }
#commentform .textarea { width: 415px; height: 147px; padding:0 5px 0 15px; margin-bottom:25px; background: #E4E4E4 url(/i/order_textarea.gif) no-repeat; overflow: hidden; }
#commentform .textarea textarea { width: 415px; height: 139px; padding:8px 0 0 0; border: 0; background: transparent; font:normal 11px tahoma; color: #5B5959; overflow: auto;}
#commentform .bn { position: relative; float: right; z-index: 1000; width: 123px; height: 28px; font:normal 11px tahoma; color: #5B5959; border:0; background:#D0D0D0 url(/i/order_bn.gif) no-repeat; cursor: pointer;  }
#commentform .note { position: absolute; bottom:0; left:0; width: 425px; height:35px; padding-top:10px; line-height: 1.6; }
#commentform .note label { margin: 0 0 0 10px; color: #5B5959; }
#commentform label.overlabel { position:absolute; left:310px; width: 251px; height: 18px; padding:8px 0 0 0; color:#999}
#commentform label.overlabel-apply { position:absolute; width: 251px; height: 18px; padding:8px 0 0 0; z-index:1; color:#999}


.search { position: relative; width: 278px; height: 38px; padding-top:10px; margin: -16px 0 15px -25px; background: #E4E4E4 url(/i/search.gif) no-repeat;}
.search label { position: absolute; margin:4px 0 0 25px; font: normal 14px Georgia; color: #363636;}
.search .text { position: absolute; left:90px; width: 150px; height: 19px; padding-top:6px; font:normal 11px tahoma; color: #9B9B9B; background: white; border: 0;}
.search .bn { position: absolute; left:245px; width: 21px; height: 25px; cursor: pointer; background: none; border: 0; }

.rss { margin: 10px 0 20px 30px; outline: 0}

.ban { width: 248px; height: 96px; margin:0 0 20px -24px; padding: 12px 0 0 28px; background: url(/i/ban_bg.jpg) no-repeat; }
.ban a { display:block; width: 224px; }

.cloud { padding:10px 20px 30px 0; line-height: 1; text-align: center; }
.cloud a { font-family: Georgia; color: #898989; text-decoration: none; }
.cloud a:hover { background: #FEA61B; color: white; }
.cloud a.t1 { font-size:11px }
.cloud a.t2 { font-size:14px }
.cloud a.t3 { font-size:17px }
.cloud a.t4 { font-size:20px }
.cloud a.t5 { font-size:24px }
.cloud a.t6 { font-size:28px }


.code { margin-left:10px; padding:0; list-style:decimal; overflow:auto }
.code li { margin:0 0 0 20px; padding:0; font: normal 0.6em Tahoma; color: #706E6D; border-bottom: 1px solid white; white-space:nowrap;  }
code { display: block; background:#F0F0F0; margin:0 0 0 10px; font: normal 1.4em Tahoma; color: #4C4C4C;}

.main_blog_post { width: 794px; height: 186px; padding:17px 0 24px; margin: 0 auto; overflow: hidden; text-align: left; background:#7E7E7E url(/i/main_blog_post.gif) repeat-x center top;}
.main_blog_post li { width: 220px; height: 186px; padding:5px 17px 0 27px; float: left; margin-left:-2px; background: url(/i/main_blog_line.gif) repeat-y left; }
.main_blog_post li h4 { font:bold 12px Tahoma; color: white; display: inline; line-height: 1.2; }
.main_blog_post li p { margin:10px 0; font:normal 11px Tahoma; color: white; }
.main_blog_post li a { font:normal 12px Tahoma; color: white; }
.main_blog_post li a:hover { text-decoration:none;}

.all_bottom { height:5px; background:url(/i/all_bottom.gif) repeat-x center top; font-size: 0;}

.list { margin:15px 0;}
.list li { position: relative; padding-left:20px; margin-bottom:8px; line-height: 1; color:#5B5959; }
.list li a { font: normal 0.8em/1 georgia;}
.list li a:hover { color: white !important; text-decoration: none; }
.list li a:visited {color : #5B5959 !important;}
.list li a:visited:hover {color : white !important;}
.list li.active a {color: #5B5959;  !important; text-decoration: none;}

.list2 { margin:15px 0;}
.list2 li { position: relative; margin-bottom:8px; font: normal 0.8em/1 georgia; color:#5B5959;}
.list2 li strong { font: bold 1em/1 georgia; }


.list2 li a { font: normal 1em/1 georgia;}
.list2 li a:hover { color: white !important; text-decoration: none; }

#footer {position:relative; z-index: 110; width: 100%; height:92px; margin:-92px auto 0; background: #646464; text-align: center;}
#footer .in {width: 744px; height:52px; padding: 40px 25px 0; margin: 0 auto; text-align: left; font:normal 0.8em Tahoma; color: white; }
#footer .in a {font:normal 1em Tahoma; color: white; }
#footer .in a:hover { text-decoration:none;}
#footer .in .left {float:left }
#footer .in .right {float:right;}

.LiveInternet { display: none; }

.css                { width:430px; overflow:auto; font-family: "Courier New"; color: #000; font-size: 10pt; }
.css .rem           { color: #A0A0A0; }
.css .sel           { color: #AA1515; }
.css .name          { color: #FF0000; font-weight: normal; }
.css .value         { color: #0000FF; }
.css .doc           { color: #808000; }

.js                 { width:430px; overflow:auto; font-family: "Courier New"; color: #000; font-size: 10pt; }
.js .rem            { color: #A0A0A0; }
.js .str            { color: #AA1515; }
.js .re             { color: #FF0000; }
.js .kw             { color: #0000FF; font-weight: bold; }
.js .func           { color: #0000FF; }
.js .gly            { font-weight: bold; }

.newsdate { margin-left: 10px; font-size: 10px;}
.contacts-caption {float: left; width: 200px;}
.contacts-data {float: left; width: 300px;}

.faq-caption {float: left; width: 200px;}
.faq-data {float: left; width: 300px;}

.question-date {font-size: 10px;}
.question-author {font-size: 12px;}
.question-answer {font-weight: bold; margin-bottom: 15px; font-size: 12px;}
.question-name {font-size: 12px; padding-bottom: 5px;}
.question-hr {color: #f8f8f8;}
